@charset "utf-8";
/*   
Theme Name: happy2014 Pro
Theme URI:  http://www.cnsecer.com/3921.html
Description: happy2014收费版,全新设计的主题后台,支持瀑布流。基于Flat-UI构建，扁平化设计
Author: cnsecer
Version: 2.5
LastUpdateTime: 2014.04.15
*/

/*全局*/
ul{ margin: 0; }
.single img:hover{ box-shadow: 0 1px 13px rgba(34,25,25,1); moz-box-shadow: 0 1px 13px rgba(34,25,25,1); -webkit-box-shadow: 0 1px 13px rgba(34,25,25,1); }
::-webkit-scrollbar-track-piece{ width:15px; border-right:1px solid #EEE; border-left:1px solid #e4e4e4; background-color:#f0f0f0; background-image:-webkit-linear-gradient(left,#f0f0f0,#FFF); }
::-webkit-scrollbar{ width:15px; height:15px; }
::-webkit-scrollbar-thumb{ position:relative; min-height:25px; border-radius:9999px; background:linear-gradient(#0074A2,#efcc43) repeat scroll 0 0 #0074A2; background-clip:padding-box; }
::-webkit-scrollbar-thumb:vertical{ border-top:0 solid transparent; border-right:2px solid transparent; border-bottom:0 solid transparent; border-left:3px solid transparent; }
::-webkit-scrollbar-thumb:horizontal{ border-top:3px solid transparent; border-right:0 solid transparent; border-bottom:2px solid transparent; border-left:0 solid transparent; }
dl{ margin-bottom: 10px; }
::selection { color: #fff; background: #16a085; }
.pager .disabled a ,.pager .disabled a:hover{ color: #999; cursor: not-allowed; background-color: #2c3e50; }
.red{ color:#da3e5a; }
body { background: url(images/bg.jpg); background-color: #e9e9e9; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; font-size: 15px; }
blockquote { padding: 5px 10px 5px 40px; margin: 10px 0; background: #f7f7f7 url(images/quotebg.gif) no-repeat 10px 10px; border: 1px solid #ebebeb; color: #16a085; font-size: 12px; border-left: 4px solid #ddd; }
.global{ border: solid 1px #e3e3e3; border-bottom: solid 1px #ccc; background-color: #FFFFFF; padding-bottom: 10px; border-radius: 5px; box-shadow: 0 1px 13px rgba(34,25,25,1); moz-box-shadow: 0 1px 13px rgba(34,25,25,1); -webkit-box-shadow: 0 1px 13px rgba(34,25,25,1); }
/*公共*/
.tit{ width: 100%; overflow: hidden; border-bottom: solid 3px #ed4747; margin-bottom: 8px; }
.tit h1{ color: #34495e; font-size: 24px; font-weight: bold; }
.tit01{ width: 100%; overflow: hidden; border-bottom: solid 3px #3ec491; margin-bottom: 8px; }
.tit01 h1{ font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; color: #3ec491; font-size: 24px; font-weight: bold; }

.clear{ clear:both; float:none; }
#pagination{ margin-top: 10px; }
.pagination{ display: block; text-align: center; }
.navigation { padding: 10px; }
.navigation .pager{ display: block; }
.pagination .pager{ background: #34495e; }
.pagination ul li > a, .pagination ul li > span{ color: #1abc9c; border: 5px solid #ffffff; }

/*主页*/
.isStuck{ z-index: 9999999; }
.header{ position: relative; }
.header .tooltip{ top: 77px; right: 12px; display: block; }
.header .fuck{ margin-left: 10px; width:auto; margin-top:20px; float:left; }
#tads { float: right; margin-left: 10px; margin-top: 20px; display: inline-block; width: 400px; height: 70px; }
.header .topBar{ background-color: #fff; width: 100%; height: 37px; line-height: 28px; margin: 0px auto; }
.header .topBar .login_wrap{ float: right; }
.header .topBar .login_wrap ul{ -webkit-padding-start:0; }
.header .topBar .toolBar{ float: left; margin-top: 5px; }
.header .topBar .toolBar ul{ -webkit-padding-start:0; }
.header .topBar .login_wrap a{ border: 1px solid #5dade2; border-radius: 5px; color: #5dade2; display: inline-block; margin-right: 1px; padding: 0 12px; text-decoration: none; }
.header .topBar .login_wrap a:hover{ background: none repeat scroll 0 0 #5dade2; color: #FFFFFF; }
.header .topBar  ul li{ list-style-type: none; float: left; margin: 4px 0 0 14px; }
.icon0, .icon0 span.hover,.icon1, .icon1 span.hover, .icon2, .icon2 span.hover, .icon3, .icon3 span.hover, .icon4, .icon4 span.hover, .icon5, .icon5 span.hover, .icon6, .icon6 span.hover { display: block; width: 24px; height: 24px; background: url(images/social_icon.gif) no-repeat; }
.icon0 { background-position: 0 0; }
.icon0:hover { background-position: 0 -24px; }
.icon1 { background-position: 0 -48px; }
.icon1:hover { background-position: 0 -72px; }
.icon2 { background-position: 0 -96px; }
.icon2:hover { background-position: 0 -120px; }
.icon3 { background-position: 0 -144px; }
.icon3:hover { background-position: 0 -168px; }
.icon4 { background-position: 0 -192px; }
.icon4:hover { background-position: 0 -216px; }

.icon5 { background-position: 0 -240px; }
.icon5:hover { background-position: 0 -264px; }
.header .htop{ width: 100%; height: 100px; overflow: hidden; }

.header .htop .logo{ padding-top: 10px; width:245px; height: 90px; margin: auto; float: left; }
.header .htop .logo img{ width:240px; height: 80px; }
.header .htop .logo img:hover{ box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; }
.header .htop .searchbox{ float: right; margin: 20px auto; width: 315px; }
.htop .toolbar{ border-radius: 5px; height: 30px; float: right; border: 1px solid #cdbfe3; margin-right: 40px; margin-top: 5px; }
.htop .toolbar li{ display: block; list-style-type: none; margin: 3px; float: right; }
.htop .toolbar li a{ color: #777; }
.htop .toolbar li:hover a{ color: #C4A1A1; }

/* 导航 */
.navbar-inverse{ position:relative; }
.searchfrom{ float: right; }
.navbar-inverse .navbar-nav>li>a { color: #999; font-size: 17px; font-weight: bold; }
.navbar-inverse .navbar-nav>li>a:hover { color: #f60; background-color: #fff; }
/* 侧栏 */
.slider .carousel-inner>.item>img, .slider .carousel-inner>.item>a>img { width: 100%; height: 250px; }
.slider .inner{ height: 50px; width: 100%; position: absolute; left: 0; top: 200px; background-color: rgba(29, 43, 33, 0.9); }
.slider .inner .t{ font-weight: bold; line-height: 20px; text-align: center; color: #fff; font-size: 16px; padding: 10px 10px 0px 10px; }
.main{ padding: 0 10px; }
.content{ border-radius: 10px; margin: 10px 0px; width: 100%; padding: 10px 10px 0 10px; border: solid 1px #1F62A0; overflow: hidden; }
.content .thumb img{ height:160px; width: 260px; }
.content dl{ float: right; }
.content dl dt{ float: left; padding-bottom: 11px; overflow: hidden; }
.content dl dt a{ text-decoration:underline; }
.content dl dd{ float: left; line-height: 20px; }

.content dl .info{ line-height: 20px; float: left; width: 100%; }
.content dl .info .views{ float: right; color: #888; }
.content dl .info .views b{ color:#8A6464; }
.content .info p{ float: left; }
.content .tags{ width: auto; float: left; }
.content .tags a{ margin-left: 5px; text-decoration: none; }
.content hr{ margin-top: 5px; margin-bottom: 5px; }
.content dl dd p{ float: left; height: 85px; overflow: hidden; padding-bottom: 20px; text-indent: 2em; font-size: 14px; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; line-height: 22px; }
.content .title a{ font-size: 18px; font-weight: bold; }
.content .title a:hover{ color:#ed4747; text-decoration: underline; }
/*文章内容页*/
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{ padding-left: 5px; border-left: solid 5px #3ec491; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; padding: 5px; color: #3ec491; font-weight: bold; font-size: 20px; }
.article img{ margin:20px auto; }
.article .carousel-inner { width: auto; } 
.single .top{ padding-left: 5px; position: relative; height: 100px; }
.single .title{ margin: 10px 20px; float: left; width: 100%; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; font-size: 20px; color: #333333; line-height: 32px; font-weight: bold; overflow: hidden; }
.single .title a{ text-decoration: none; }
.single .title a:hover{ color: #34a36e; margin-left: 10px; }
.single .info { font-size: 15px; float: left; padding: 0px 10px; line-height: 21px; width: 100%; overflow: hidden; border-bottom: dashed 2px #D6C5C5; }
.single .info span{ color: #333333; margin-left: 10px; }
.single .info b{ color: #16a085; margin-left: 3px; }
.single .info a{ text-decoration: none; }
.single .info a:hover{ color: #16a085; }
.single .relatedBox{ margin-top: 20px; padding:5px 10px; }
.article-footer{ margin-top: 10px; padding-top: 10px; height: 50px; }
.article-footer .copyright{ width: auto; float: left; font-weight: bold; color: #06acf8; }
.article-footer .copyright span{ line-height: 32px; }
.article-footer .tags{ float: right; }
.single .ads{ width:770px; height: 100px; margin: auto; padding: 5px; }
.single .share{ float: right; }
.single .article{ line-height: 24px; font-size: 15px; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; padding: 10px; width: 100%; }
.single .article p{ word-wrap: break-word; font-size: 17px; text-indent: 2em; }
.comments{ margin-top: 20px; padding: 0 10px; }
.comments h6{ font-size: 20px; margin-left: 5px; font-weight: bold; }
.authorbox{ border-radius: 5px; margin: 15px 0; border: 1px solid #3C3434; }
.authorbox:hover{ border: 1px solid #82AF64; }
.authorbox .title{ color:#685B5B; font-weight: bold; font-size: 15px; padding:0 5px; }
.authorbox .title span{ float: right; }
.authorbox .author-avatar img { float: left; margin: 10px; padding: 4px; width: 64px; height: 64px; border: 1px solid #eee; -webkit-border-radius: 37px; -moz-border-radius: 37px; border-radius: 37px; background: #fff; -webkit-box-shadow: inset 0 -1px 0 #3333sf; box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: .4s; -webkit-transition: -webkit-transform .4s ease-out; -moz-transition: -moz-transform .4s ease-out; transition: transform .4s ease-out; }
.authorbox .author-avatar img:hover{ border: 1px solid #ccc; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.authorbox .author-info{ height: 85px; }
.authorbox .author-description p{ text-indent: 0; padding-top: 5px; }
.authorbox .author-social li{ display: inline; float: left; margin-right: 4px; height: 24px; text-align: center; line-height: 190%; }
.authorbox .author-social li:hover{ -webkit-transition: all 0.7s linear; -webkit-transform: rotate(6.28rad); transition: all 0.7s; transform: rotate(6.28rad); }
.authorbox .author-social li a{ display: block; margin-left: 5px; text-indent: -9999px; opacity: 0.7; }
.authorbox .author-social li a:hover{ opacity: 1; }
.authorbox .author-social .archive a{ width: 78px; height: 24px; background: url(images/archive.png) no-repeat; }
.authorbox .author-social .website a{ width: 24px; height:24px; background: url(images/social24.png) 0px 0px; no-repeat; }
.authorbox .author-social .email a{ width: 24px; height:24px; background: url(images/social24.png) 0px -170px; no-repeat; }
.authorbox .author-social .weibo a{ width: 24px; height:24px; background: url(images/social24.png) 0px -68px; no-repeat; }
.authorbox .author-social .tweibo a{ width: 24px; height:24px; background: url(images/social24.png) 0px -102px; no-repeat; }
.authorbox .author-social .qq a{ width: 24px; height:24px; background: url(images/social24.png) 0px -34px; no-repeat; }
.post_link{ height: 25px; margin-top: 10px; overflow: hidden; }
.post_link a{ width: 315px; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; font-size: 18px; color: #000; height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.post_link a:hover{ color: #34a36e; }
.post_link .prev{ float: left; line-height: 28px; overflow: hidden; }
.post_link .prev a:hover{ margin-left: 10px; }
.post_link .next{ float: right; line-height: 28px; overflow: hidden; }
.post_link .next a:hover{ margin-right: 10px; }

.related_posts{ padding-top: 10px; padding-bottom: 15px; }
.relatedBox .title h6{ font-size: 20px; margin-left: 5px; font-weight: bold; }
.r_pic img{ width: 190px; height: 125px; }
.r_title{ padding-top: 5px; white-space: nowrap; text-overflow: ellipsis; height: 24px; line-height: 24px; overflow: hidden; }
.r_title a{ text-decoration: none; }
.r_title a:hover{ color: #3ec491; }
/*侧栏标题*/
.sidebar { overflow: hidden; }
.sidebar ul{ margin-left: -35px; }
.sidebar li{ height: 22px; width: 240px; overflow: hidden; font: normal 12px/22px 'MicroSoft Yahei'; margin-top: 13px; _margin-top: 14px; list-style-type: none; }
.sidebar  a { color: #34495E; font-size: 16px; font-weight: normal; overflow: hidden; }
.sidebar a:hover{ color: #1abc9c; }
.sidebar .recentcomments{ list-style-type: none; }
.sidebar .recentcomments a:hover{ margin-left: 0px; }
.sidebar .recentcomments{ border-bottom: none; }
.sidebar .recentcomments .fn{ color: #5cb85c; }
.sidebar #sidebar-inner a:hover{ margin-left: 0px; }
.sidebar #sidebar-inner h3{ padding-bottom: 5px; border-bottom: solid 3px #3ec491; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; color: #3ec491; font-size: 24px; font-weight: bold; }
.ds-avatar img,#ds-reset .ds-avatar img{ border: 1px solid #eee; -webkit-border-radius: 37px; -moz-border-radius: 37px; border-radius: 37px; background: #fff; -webkit-box-shadow: inset 0 -1px 0 #3333sf; box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: .4s; -webkit-transition: -webkit-transform .4s ease-out; -moz-transition: -moz-transform .4s ease-out; transition: transform .4s ease-out; }
.ds-avatar img:hover,#ds-reset .ds-avatar img:hover{ border: 1px solid #ccc; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.s2{ margin: auto; width: 250px; height: 250px; }
.s3 a{ color: #666; }
.s3 a:hover{ text-decoration: none; color: #d56200; }
.s3 li{ padding-bottom: 10px; border-bottom: dashed 1px; }
.sidebar .tagscloud{ padding:0 10px; }
.sidebar .s1 dl dt a:hover{ color: #3ec491; }
.sidebar .sp{ display: inline-block; margin-right: 8px; background: #ff6100; width: 22px; height: 22px; text-align: center; color: #fff; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; }

.sidebar  li:hover .sp{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.authorSidebar{ padding:  0 5px; }
.author-avatar{ text-align: center; }
.author-avatar img{ width: 150px; height: 150px; }
.author-avatar img:hover { -webkit-transition: all 0.7s linear; -webkit-transform: rotate(6.28rad); transition: all 0.7s; transform: rotate(6.28rad); }
.author-info .author-avatar a:hover{ margin-left: 0px; }
.author-info{ margin-top: 10px; padding: 5px 10px; }

/*搜素*/
.search-page .tit{ padding:  0 10px; }
.search-page .tit span{ font-size: 16px; color: red; }
.search-page .content{ border:none; }
.search-page .content:hover{ border:none; }
.search-page .content p{ font-size: 14px; margin:0px; }
.search-page .title a{ color: blue; text-decoration: underline; }

.hcontent a{ font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; color: #125EBE; font-size: 15px; text-decoration: underline; padding-bottom: 10px; }
.hcontent a:hover{ color:#ed4747; }
.fcontent p{ float: left; overflow: hidden; text-indent: 2em; font-size: 12px; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; line-height: 20px; }
.flink a{ color: #006621; }
.flink span{ color: #666; }
.search .navigation{ padding-left: 15px; }
/*只带带缩略图的分类页*/

.category-thumb .main{ width: 260px; margin-left: 13px; -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s; }
.category-thumb .box{ margin: 5px 0px; width: 260px; background: #fff; border: solid 2px #e3e3e3; border-bottom: solid 1px #ccc; box-shadow: 1px 2px 10px rgba(0,0,0,0.2); }
.category-thumb .thumb{ max-height: 500px; overflow: hidden; }
.category-thumb .thumb a{ display: block; padding: 5px; }
.category-thumb .thumb a img{ display: inline-block; width: 2400px; height: auto; padding-top: 10px; overflow: hidden; }
.category-thumb .title{ padding: 10px 15px; position: relative; font-size: 16px; font-weight: bold; line-height: 1.5em; padding-bottom: 10px; }
.category-thumb .arrow-catpanel-top { position: absolute; background: url(images/arrow-catpanel-top.png) no-repeat 0 0; width: 52px; height: 14px; bottom: -1px; left: 80px; z-index: 10; }
.category-thumb .info{ font-size: 12px; line-height: 15px; color: #999; white-space: nowrap; text-overflow: ellipsis; position: relative; border-top: 1px solid #dfdfdf; background: #f9f9f9; line-height: 25px; padding: 0 5px; text-align: center; }
.category-thumb .info span a{ color: #999; }
/*分类页*/

.category .content dl .info{ float: none; }
.cate-thumb .main{ margin-top: 20px; }
.cate-thumb .thumb img{ width: 260px; height: 200px; margin: auto; padding: 5px; }
.cate-thumb  .project{ margin: 0px 0px 10px; padding: 0; border-width: 2px; border-style: solid; border-color: #f1f1f1 #dadada #dadada #f1f1f1; -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,.05); -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,.05); box-shadow: 4px 4px 0px 0px rgba(0,0,0,.05); }
.cate-thumb .ftitle{ padding: 5px 10px; text-align: center; }
.cate-thumb .ftitle a{ color: #2aaa79; font-weight: bold; }
.cate-thumb .ftitle a:hover{ color: #ed4747; }
.cate-thumb .main{ background-color: #FFFFFF; }
.cate-thumb .title{ color: #999999; height: 50px; padding: 15px 20px; font-size: 14px; position: relative; background-color: #FFFFFF; }
.cate-thumb .title span{ font-size: 20px; color: #444; }
/*footer*/
.footer{ width: auto; margin-top: 10px; }
.footer .col-md-2 a:hover{ margin-left: 10px; }
.footer .fbody{ text-align: center; background-color: #222222; margin-top: 20px; }
.footer .copyright{ color: #585858; width: 100%; padding: 0px; background: #141516; color: #ffffff; text-align: center; line-height: 32px; }
.footer .copyright span{ color: #585858; }
.footer .fbody h2{ text-align: center; color: #666; margin-bottom: 12px; background: url(images/dotted-line.png) repeat-x 0 50%; font-size: 20px; font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; }
.footer .fbody a{ color: #666; padding: 3px; }
.footer .fbody li{ line-height: 5px; margin-top: 10px; }
.footer .fbody a:hover{ background: #000; }
.footer .weixin img{ margin: auto; width: 170px; height: 170px; }
.footer .copyright a{ color: #666; }
/*留言板*/
.about{ padding: 20px; }
.guestbook{ padding: 20px; }
.guestbook .title p{ font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; color: #22A04F; font-size: 24px; font-weight: bold; }

/*自定义字段样式*/
.arconix-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid; clear: both; margin: 15px 0; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1),0 1px 0 #FFFFFF inset,0 -1px 0 #FFFFFF inset; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1),0 1px 0 #FFFFFF inset,0 -1px 0 #FFFFFF inset; box-shadow: 0 0 3px rgba(0,0,0,0.1),0 1px 0 #FFFFFF inset,0 -1px 0 #FFFFFF inset; }
.arconix-box-info { background: #e7e7e7 url("images/box-info.png") no-repeat 16px; border-color: #aaa; color: #333; padding: 15px 20px 15px 55px; }

/*returnTop*/
#back-to-top{ position:fixed; display:none; bottom:0px; right:50px; }
#back-to-top a{ text-align:center; text-decoration:none; }
#back-to-top a span{ display:block; width:36px; height:65px; background:transparent url(images/totop.png) no-repeat 0px 0px; }
#back-to-top a:hover span{ background:transparent url(images/totop.png) no-repeat 0px -65px; }

/*文章索引，请安装content-index插件*/
.article .content-index { padding: 12px; border: 1px solid #ddd; background: #f8f8f8; line-height: 160%; max-width: 45%; font-size: 120%; position: relative; z-index: 1000; }
.article .content-index-title{ font-size: 15px; }
.article .content-index ul{ font-size: 14px; }
/*　投稿页面*/
.cnsecer-tougao label{ padding: 7px; float: left; text-align: right; width: 150px; }
.cnsecer-tougao select{ display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.cnsecer-tougao .form-control{ width: 40%; display: inline; }
.tougao h2{ font-weight: bold; font-size: 20px; }
.tougao blockquote p{ font-size: 15px; }
.cnsecer-tougao textarea{ display: block; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.cnsecer-tougao .info { height: 65px; padding-top: 10px; }
.cnsecer-tougao  .submit{ margin:  0 100px; width: 150px; }

/*AJAX评论*/
.comments{ text-shadow:0 1px 0 white; border-top:1px solid #cfd5d9; -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); -o-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.comments h2{ font-weight:normal; font-size:20px; }
.commentlist{ padding: 0; margin-bottom:10px; }
.commentlist li{ list-style-type: none; }
.commentlist .comment-body{ border-bottom:1px solid #D7D7D7; padding:10px 0 20px; margin:10px 0px; }
.commentlist .comment-body .avatar{ float:left; padding:5px; border:1px solid #CCC; width:48px; height:48px; border-radius:3px; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
.commentlist .comment-body:hover .avatar{ -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
.commentlist li.comment ul.children{ margin:8px 0 8px 60px; }
.commentlist .depth-1 .comment-wrap{ width:700px; }
.commentlist .depth-2 .comment-wrap{ width:530px; }
.commentlist .depth-3 .comment-wrap{ width:470px; }
.commentlist .depth-4 .comment-wrap{ width:410px; }
.commentlist .depth-5 .comment-wrap{ width:350px; }
.commentlist .comment-body .comment-wrap{ display:inline; float:left; margin-left:10px; }
.commentlist .comment-body .comment-wrap .reply-container{ display:inline; float:right; }
.commentlist .comment-body .comment-wrap a.comment-reply-link,.commentlist .comment-body .comment-wrap a.comment-edit-link,.comments .comment-content a{ color:#4d90fe; }
.commentlist .comment-body .comment-wrap .comment-content{ padding-top:9px; }
.comments .respond p{ line-height:24px; }
.comments .respond p.smilies{ margin:0.5em 0px 0px; }
.comments .respond p.smilies img{ background:none !important; }
.comments .respond input,.comments .respond textarea{ outline:0px; font-family:"Microsoft Yahei",Trebuchet MS,Verdana,Helvetica,Arial,sans-serif; color:#7B7B76; }
.comments .respond input.text{ width:180px; height:30px; line-height:20px; margin:0.5em 0; padding:2px; border:1px solid #BBBBBB; }
.comments .respond input.checkbox{ margin-right:3px; vertical-align:middle; }
.comments .respond input.submit{ border:none; cursor:pointer; height:29px; width:77px; line-height:23px; overflow:hidden; }
.comments .respond .comment_mail{ vertical-align:middle; cursor:pointer; }
.comments .respond .textarea{ margin:0.5em 0px; width:90%; border:1px solid #BBBBBB; padding:4px; overflow-y:hidden; }
.comments .respond input.text:hover,.comments .respond input.text:focus,.comments .respond .textarea:focus,.comments .respond .textarea:hover{ border:1px solid #88acf7; box-shadow:0px 0px 3px #88acf7; }
.comments .respond .submit{ color:#fff; font-size:13px; width:120px; padding:3px 5px; margin:2px 0px 10px 0px; border:1px solid #3079ed; cursor:pointer; background-color:#4d90fe; background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed); background-image:-moz-linear-gradient(top,#4d90fe,#4787ed); background-image:-ms-linear-gradient(top,#4d90fe,#4787ed); background-image:-o-linear-gradient(top,#4d90fe,#4787ed); background-image:linear-gradient(top,#4d90fe,#4787ed); }

/*问答系统 请安装插件 http://www.cnsecer.com/3439.html*/
.dwqa-title , .dwqa-headline,.dwqa-content p{ font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; }
/*主页瀑布流*/
#posts{ position: absolute; }
.waterfall .box{ padding: 1px; width: 260px; border-radius: 5px; margin: 0 0 5px 0; background: #fff; border: solid 1px #2C2525; box-shadow: 1px 2px 10px rgba(0,0,0,0.2); }
.waterfall .box:hover{ border-bottom: solid 5px #3ec491; box-shadow: 0 1px 13px rgba(34,25,25,1); moz-box-shadow: 0 1px 13px rgba(34,25,25,1); -webkit-box-shadow: 0 1px 13px rgba(34,25,25,1); }
.waterfall .thumb{ max-height: 500px; overflow: hidden; }
.waterfall .thumb a{ display: block; padding: 5px; }
.waterfall .thumb img{ display: inline-block; width: 240px; height: auto; overflow: hidden; }
.waterfall .title{ padding: 10px 15px; position: relative; font-size: 16px; font-weight: bold; line-height: 1.5em; padding-bottom: 10px; overflow: hidden; text-overflow: ellipsis; }
.waterfall .title a{ white-space:nowrap; }
.waterfall .info{ height: 30px; font-size: 12px; line-height: 15px; color: #999; white-space: nowrap; text-overflow: ellipsis; position: relative; border-top: 1px solid #dfdfdf; background: #f9f9f9; line-height: 25px; padding: 0 5px; text-align: center; }
.waterfall .info li{ color: #444; float: left; list-style-type: none; padding-top: 5px; padding-right: 5px; text-align: left; }
.waterfall .info span{ float: left; padding-right: 15px; }
.waterfall .arrow-catpanel-top { position: absolute; background: url(images/arrow-catpanel-top.png) no-repeat 0 0; width: 52px; height: 14px; bottom: -1px; left: 100px; z-index: 10; }
/*文章归档*/
#archives{ padding: 0 10px; }
/*作者页面*/
.authorPage { padding: 5px 10px; }
.authorPage  h1{ margin: 5px 0px; }
.authorPage  .tit01 p{ font-size: 14px; line-height: 1.72222; margin: 0 0 6px; }
.author-info a:hover{ margin-left: 13px; }

/* 自定义字段 */
.btn_demo,.btn_download{ margin: 10px 0 0px 10px; float: left; font-size: 16px; }
.btn_demo a span, .btn_download a span { float: left; display: block; color: #fff; padding: 0 14px; line-height: 40px; cursor: pointer; font-size: 20px; }

.btn_demo a { -webkit-transition: 0.5s ease all; float: left; display: block; background: url(images/demo.png) #f95155 no-repeat 0px center; padding-left: 40px; border: none; border-left: 0px solid #CC4D00; height: 40px; color: #567a82; text-decoration: none; }
.btn_download a { -webkit-transition: 0.5s ease all; float: left; display: block; background: url(images/download.png) #16A085 no-repeat 0px center; padding-left: 40px; border: none; border-left: 0px solid #CC4D00; height: 40px; color: #567a82; text-decoration: none; }
.btn_download a:hover { -webkit-transform: rotate(360deg) scale(1.1,1.1); -moz-transform: rotate(360deg) scale(1.1,1.1); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-left: 8px solid #16A085; }
.btn_demo a:hover{ -webkit-transform: rotate(360deg) scale(1.1,1.1); -moz-transform: rotate(360deg) scale(1.1,1.1); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-left: 8px solid #f95155; }
/*友链*/
.flinks{ overflow: hidden; }
.flinks .linkcat{ list-style-type: none; }
.flinks  h2{ padding: 5px 15px; font-size: 25px; border-left: solid 3px #3ec491; }
.flinks  h2:hover{ border-left: solid 3px #123D2D; }
.flinks .linkcat ul{ padding-bottom:10px; }
.flinks .linkcat ul li { list-style-type: none; }
.flinks .linkcat .blogroll li{ float: left; }
.flinks .linkcat  a{ font-size: 16px; color:#DA4336; }
.flinks .linkcat  a:hover{ border-bottom: 1px dotted #c0392b; color:#54B059; transition: all 0.7s; }

/*普通分页*/
#pagination li{ list-style-type: none; float: left; }
#pagination a{ border-radius: 5px; width: 31px; text-align: center; height: 31px; line-height: 28px; margin: 0 0 0 4px; display: inline-block; text-decoration: none; border: 1px #173950 solid; color: #173950; }
#pagination .current{ border-radius: 5px; width: 31px; text-align: center; height: 31px; line-height: 28px; margin: 0 0 0 4px; display: inline-block; text-decoration: none; border: 1px #dfdfdf solid; color: #888; background: none repeat scroll 0 0 #2980B9; color: #FFFFFF; }
#pagination a:hover{ background: none repeat scroll 0 0 #2980B9; color: #FFFFFF; }
#pagination .extend{ width: 42px; height: 31px; }
#pagination .next a,#pagination .previous a{ width: 54px; height: 31px; text-align: center; }
/*扁平化*/
.mlabel-success{ border: 1px solid #16a085; border-radius: 5px; color: #16a085; display: inline-block; margin-right: 1px; padding: 3px 5px; text-decoration: none; }
.mlabel-success:hover{ background: none repeat scroll 0 0 #16a085; color: #FFFFFF; }
.mlabel-info{ border: 1px solid #5dade2; border-radius: 5px; color:  #5dade2; display: inline-block; margin-right: 1px; padding: 3px 5px; text-decoration: none; }
.mlabel-info a{ color: #5dade2; }
.mlabel-info:hover{ background: none repeat scroll 0 0 #5dade2; color: #FFFFFF; }
.mlabel-info:hover a{ color: #FFFFFF; }
/*AJAX*/
.ajax_btn{ margin-top: 20px; }
.aload,.aload2, .bload { text-align: center; }
.aload a,.aload2 a, .bload a { border-radius: 10px; display: inline-block; background: #35C273; padding: 20px 10px; font: 14px verdana; color: #FFF; width: 300px; }
.aload a:hover,.aload2 a:hover ,.bload a:hover{ background: #46B175; }
/*多说*/
.sidebar #ds-recent-visitors .ds-avatar{ display: inline-block; }
.sidebar .ds-recent-comments li{ height: auto; }
.sidebar .ds-recent-comments a{ color:#16a085; }
/*友链*/ 
.friendlink { padding: 20px 0; }
.linkcat { text-align: center; }
.linkcat li{ float: left; padding: 5px 10px; list-style-type: none; }
.footer .fbody  .my{ color:#FFFFFF; };
.page-links{ overflow:hidden; margin:0 0 24px; padding:0; }
.page-links h3{ font-size: 20px; padding-bottom: 5px; border-bottom:1px solid #bfbebe; text-align:center; margin:0; }
.page-links ul{ margin:0; padding:5px 0 0 0; }
.page-links ul li{ float:left; width:190px; line-height:16px; height:23px; margin:5px 5px 0; padding:0; list-style-type:none; }
.page-links ul li a{ color: #db4848; margin-left: 5px; }
.page-links ul li img{ width:16px; height:16px; margin:-5px; 5px -2px 0; padding:0; border:none; }

/*读者墙*/
.reader h4{ font-family: "Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; color: #3ec491; font-size: 24px; font-weight: bold; }
.readers-list{ line-height:18px; text-align:left; overflow:hidden; _zoom:1; }
.readers-list li{ width:185px; float:left; *margin-right:-1px; }
.readers-list a,.readers-list a:hover strong{ background-color:#f2f2f2; background-image:-webkit-linear-gradient(#f8f8f8,#f2f2f2); background-image:-moz-linear-gradient(#f8f8f8,#f2f2f2); background-image:linear-gradient(#f8f8f8,#f2f2f2); }
.readers-list a{ position:relative; display:block; height:45px; margin:4px; padding:4px 4px 4px 44px; color:#999; overflow:hidden; border:#ccc 1px solid; border-radius:2px; box-shadow:#eee 0 0 2px; }
.readers-list img,.readers-list em,.readers-list strong{ -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; }
.readers-list img{ width:36px; height:36px; float:left; margin:0 8px 0 -40px; border-radius:2px; }
.readers-list em{ color:#666; font-style:normal; margin-right:10px; }
.readers-list strong{ color:#ddd; width:40px; text-align:right; position:absolute; right:6px; top:4px; font:bold 14px/16px microsoft yahei; }
.readers-list a:hover{ border-color:#bbb; box-shadow:#ccc 0 0 2px; background-color:#fff; background-image:none; }
.readers-list a:hover img{ opacity:.6; margin-left:0; }
.readers-list a:hover em{ color:#EE8B17; font:bold 12px/36px microsoft yahei; }
.readers-list a:hover strong{ color:#EE8B17; right:150px; top:0; text-align:center; border-right:#ccc 1px solid; height:44px; line-height:40px; }

/*lazyload*/
.loading{ height:200px; background: url(images/loading.gif); }
/*BASHARE*/
.bdshare-slide-button-box{z-index: 9999;}